.buttons {
  text-align: right;
  font-size: 15px;
  flex: 1;

  button {
    min-width: 116px;
    font-size: 15px;
    height: 36px;
    color: #ffffff;
    margin: 10px;
  }

  .btn-1 {
    background: #1890FF;
  }

  .btn-2 {
    background: #50BCA4;
  }
}

.banner {
  display: flex;
  margin: 5px 15px;

  .name {
    position: relative;
    padding-left: 14px;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

    .shuxian {
      position: absolute;
      display: inline-block;
      height: 14px;
      width: 3px;
      top: 3px;
      left: 5px;
      transform: rotate(16deg);
      background: #FFC000;
    }
  }

  .stations {

    margin-right: 25px;
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(0deg, rgba(79, 109, 250, 1), rgba(90, 166, 249, 1));
    border-radius: 4px;


    .area {
      padding: 12px 15px;
      width: 130px;
      color: #ffffff;
      height: 70px;

      .value {
        font-size: 20px;
        font-weight: bold;
        padding-left: 15px;
        margin-top: 5px;

        .dw {
          color: #D1E2FF;
          margin-left: 4px;
          font-size: 12px;
          font-weight: normal;
        }
      }
    }
  }

  .data {
    margin-right: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    line-height: 30px;
    height: 70px;
    background: linear-gradient(0deg, rgba(145, 65, 255, 1), rgba(103, 150, 255, 1));
    color: #ffffff;
    font-style: italic;
    border-radius: 4px;

    .data-item {
      width: 180px;
      margin: 5px;

      .shuxian {
        top: 8px;
      }
    }
  }

}
